import Scope from 'Scope'
import Home from 'pages/Detail'
import Detail from 'pages/Detail'
import List from 'pages/List'



// BrowserRouter 相当于路由模式得  history  不带#号
// HashRouter 相当于路由模式中得  hash 模式 url 带#
// 所有路由组件 放在 Routes  中
import {BrowserRouter,Routes,Route} from 'react-router-dom'
import NoMatch from 'pages/NoMatch'

// 写一个路由组件
const MyRouter = ()=>{
    return (
        <BrowserRouter>
        <Routes>
            <Route path="/" element={<Scope/>}>
            <Route index element={<Home/>}></Route>
            <Route path="/detail" element={<Detail/>}></Route>
            {/* <Route path="/list" element={<List/>}></Route>
            <Route path="/list/:id" element={<List/>}></Route> */}
          
            <Route path="/list/*" element={<List/>}></Route>
            <Route path="*" element={<NoMatch/>}> </Route>
            </Route>
        </Routes>

        </BrowserRouter>

    )


}

export default MyRouter